html {
    height: 100%;
}

body {
    height: 100%;
    display: flex;
    flex-direction: column;
    font-family: '微软雅黑';
}

/* header */

header {
    height: 1.066667rem;
    padding: .133333rem;
    background: #ff841d;
    font-size: .533333rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .inland-header-left a {
    display: block;
    font-size: .746667rem;
    color: #fff;
    margin-top: .133333rem;
}

header .header-middle {
    margin: .266667rem 0;
    font-weight: bolder;
}

header .header-right a {
    padding: .186667rem;
}

header .header-right a img {
    width: .906667rem;
    padding: .186667rem;
}

header span {
    position: absolute;
}

header span::before {
    display: block;
    position: fixed;
    left: 3.6rem;
    top: 40%;
    font-size: 2.666667rem;
    color: #ccc;
    /* transform: rotate(1080deg); */
    animation: rotate1 3s linear infinite;
}

@keyframes rotate1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1080deg);
    }
}

/* main */

#main {
    flex: 1;
}

#main .info {
    padding: .266667rem;
}

#main .info h4 {
    font-size: .533333rem;
    font-weight: bold;
    margin: .533333rem 0;
}

#main .info>.other {
    font-size: .426667rem;
    line-height: .533333rem;
    color: #999;
    padding-left: .4rem;
    margin-bottom: .266667rem
}

#main .info>.other i {
    display: inline-block;
    margin-left: .4rem;
}

#main .info>.other p {
    padding-top: .133333rem;
}

#main .info>.content {
    overflow: hidden;
    font-size: .426667rem;
    line-height: .693333rem;
    padding: 0 .4rem;
    text-indent: 2em;
}

#main .info>img:nth-of-type(1) {
    width: 5.333333rem;
    padding: .213333rem 0 0 1.866667rem;
}

#main .info hr {
    padding: 0;
    margin: 0;
    color: #ccc;
}

#main .info button {
    margin: .266667rem 1rem;
    font-size: .426667rem;
    line-height: .906667rem;
    font-weight: bold;
    width: 80%;
    border-radius: .266667rem;
    background-color: #ff9000;
    border: 0;
    color: #fff;
}

#main .info>img:nth-of-type(2) {
    padding: .266667rem 0;
    width: 9.493333rem;
    height: 4.053333rem;
}

#main .info>.tit {
    font-weight: bolder;
    font-size: .533333rem;
    line-height: 1.6rem;
}

#main .info>.reply>.form textarea {
    width: 93%;
    border: .026667rem solid #000;
    height: 1.333333rem;
    margin: .133333rem;
    resize: none;
}

#main .info>.reply>.form>.ctrl {
    overflow: hidden;
}

#main .info>.reply>.form>.ctrl input {
    width: 3.2rem;
    height: .933333rem;
    background-color: #ff9000;
    font-size: .373333rem;
    border: 0;
    border-radius: .266667rem;
    float: right;
    margin-top: .133333rem;
}

/* footer */

footer {
    height: 2.5056rem;
    background: #efefef;
}

footer .footer-top ul {
    height: .864rem;
    border-width: .026667rem 0;
    border-style: solid;
    border-color: #d9d9d9;
}

footer .footer-top ul li {
    float: left;
}

footer .footer-top ul li:nth-of-type(2) {
    border-width: 0 .026667rem;
    border-style: solid;
    border-color: #d9d9d9;
}

footer .footer-top ul li a {
    display: block;
    font: .432rem/.864rem "";
    color: #2e2e2e;
    padding: 0 .933333rem;
}

footer .footer-top ul li a span {
    font: .432rem/.864rem "";
}

footer .footer-bottom {
    text-align: center;
    margin-top: .432rem;
    font: .3456rem/.432rem "";
    color: #767676;
}

footer .footer-bottom a, footer .footer-bottom span {
    display: inline-block;
}

footer .footer-bottom a {
    color: red;
}

footer .footer-bottom span:nth-of-type(1) {
    color: #000;
}